<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>教师管理</title>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet">
    <style type="text/css">
        .list-main-container {
            width: 100%;
        }
        .row {
            margin: 0px;
        }

    </style>
</head>
<script>

</script>


<body>
<div class="row">
</div>
<div class="row" id="div-table-container">
    <button id="btnAdd" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal">添加教师信息</button>
    按姓名查询：<input type="text" id="queryName" style="text-align: left;width:100px;" />&nbsp;&nbsp;<button class="btnName" >查询</button>
    <lable>按性别查询：
    <select id="querySex">
        <option>全部</option>
        <option>男</option>
        <option>女</option>
    </select>&nbsp;&nbsp;</lable><button class="btnName">查询</button>
    <table id="table-list" class="table">
        <thead>
        <th><input type="checkbox" name="cb-check-all"></th>
        <th>编号</th>
        <th>教职工号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>职称</th>
        <th>操作</th>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>
<!-- 添加模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:90%;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    添加教师信息
                </h4>
            </div>
            <div class="modal-body">
                <form id="add-teacher-form">
                    <div class="form-group">
                        <label class="sr-only" for="teacherNum-add">教职工号</label>
                        <input type="text" class="form-control" id="teacherNum-add" name="teacherNum" placeholder="请输入教职工号">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="teacherName-add">姓名</label>
                        <input type="text" class="form-control" id="teacherName-add" name="teacherName" placeholder="请输入姓名">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="teacherSex-add">性别</label>
                        <select class="form-control" id="teacherSex-add" name="teacherSex">
                            <option value="1">男</option>
                            <option value="0">女</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="post-add">职称</label>
                        <input type="text" class="form-control" id="post-add" name="post" placeholder="请输入职称">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-primary" id="add-teacher-submit">
                    提交
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 修改模态框（Modal） -->
<div class="modal fade" id="myModal-edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 90%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel-edit">
                    修改教师信息
                </h4>
            </div>
            <div class="modal-body">
                <form id="edit-teacher-form">
                    <input type="hidden" id="id-edit">
                    <div class="form-group">
                        <label class="sr-only" for="teacherNum-add">教职工号</label>
                        <input type="text" class="form-control" id="teacherNum-edit" name="teacherNum" placeholder="请输入教职工号">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="teacherName-add">姓名</label>
                        <input type="text" class="form-control" id="teacherName-edit" name="teacherName" placeholder="请输入姓名">
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="teacherSex-add">性别</label>
                        <select class="form-control" id="teacherSex-edit" name="teacherSex">
                            <option value="1">男</option>
                            <option value="0">女</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="post-add">职称</label>
                        <input type="text" class="form-control" id="post-edit" name="post" placeholder="请输入职称">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消
                </button>
                <button type="button" id="edit-teacher-submit" class="btn btn-primary">
                    提交
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>


<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script src="../common/js/constant.js"></script>
<script src="js/teacher.js"></script>
</body>
</html>